<template>
  <div class="footer">
    <div class="container">
      <strong class="title">橙子超市</strong>
      <br>
      <a href="https://gitee.com/littleorange917/orange-supermarket" target="_blank" class="link">前端项目： https://gitee.com/littleorange917/orange-supermarket</a>
      <br>
      <br>
      Orange Supermarket Powered by Aloda(C) 2024  仅供学习参考使用
    </div>
  </div>
</template>

<style scoped>
  .title{
    font-size: 30px;
    color: #FF7F27;
  }

  .link{
    text-decoration: none;
  }

  .footer{
    display: flex;
    justify-content: center;
    background-color: #99a9bf;
  }

  .container{
    align-items: center;
    justify-content: center;
    width: 60%;
  }
</style>